<script setup>
import { reactive } from 'vue'
const data = reactive({
  date:'',
  date1:'',
  date_range:[]
    }
)
</script>

<template>

  <div>

    <el-date-picker
      v-model="data.date"
      type="date"
      placeholder="选择日期"
      :picker-options="pickerOptions"
      value-format="YYYY-MM-DD"

    >
    </el-date-picker>
    {{data.date}}

  </div>
  <div>
    <el-date-picker
      v-model="data.date1"
      type="datetime"
      placeholder="请选择日期时间"
      format="YYYY-MM-DD HH:mm:ss"
      value-format="YYYY-MM-DD HH:mm:ss"
    ></el-date-picker>{{data.date1}}

    <el-date-picker
      v-model="data.date_range"
      type="datetimerange"
      start-placeholder="请选择开始日期"
      end-placeholder="请选择结束日期"
      value-format="YYYY-MM-DD HH:mm:ss"
      ></el-date-picker>
    </div>{{data.date_range}}
</template>

